<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>学生申请入党</title>
    <!-- Mobile specific metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Force IE9 to render in normal mode -->
    <!--[if IE]>
    <meta http-equiv="x-ua-compatible" content="IE=9"/><![endif]-->
    <meta name="author" content="SuggeElson"/>
    <meta name="description" content=""
    />
    <meta name="keywords" content=""
    />
    <meta name="application-name" content="sprFlat admin template"/>
    <!-- Import google fonts - Heading first/ text second -->
    <link rel='stylesheet' type='text/css'/>
    <!--[if lt IE 9]>

    <![endif]-->
    <!-- Css files -->
    <!-- Icons -->T
    <link href="../../../assets/css/icons.css" rel="stylesheet"/>
    <!-- jQueryUI -->
    <link href="../../../assets/css/sprflat-theme/jquery.ui.all.css" rel="stylesheet"/>
    <!-- Bootstrap stylesheets (included template modifications) -->
    <link href="../../../assets/css/bootstrap.css" rel="stylesheet"/>
    <!-- Plugins stylesheets (all plugin custom css) -->
    <link href="../../../assets/css/plugins.css" rel="stylesheet"/>
    <!-- Main stylesheets (template main css file) -->
    <link href="../../../assets/css/main.css" rel="stylesheet"/>
    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="../../../assets/css/custom.css" rel="stylesheet"/>
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="../../../assets/img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="../../../assets/img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="../../../assets/img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../../../assets/img/ico/apple-touch-icon-57-precomposed.png">
    <link rel="icon" href="../../../assets/img/ico/favicon.ico" type="image/png">
    <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
    <meta name="msapplication-TileColor" content="#3399cc"/>
</head>
<body>
<!-- Start #header -->
<div id="header">
    <div class="container-fluid">
        <div class="navbar">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <i class="im-windows8 text-logo-element animated bounceIn"></i><span
                        class="text-logo">spr</span><span class="text-slogan">flat</span>
                </a>
            </div>
            <nav class="top-nav" role="navigation">
                <ul class="nav navbar-nav pull-left">
                    <li id="toggle-sidebar-li">
                        <a href="#" id="toggle-sidebar"><i class="en-arrow-left2"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="full-screen"><i class="fa-fullscreen"></i></a>
                    </li>

                </ul>

            </nav>
        </div>
        <!-- Start #header-area -->

        <!-- End #header-area -->
    </div>
    <!-- Start .header-inner -->
</div>
<!-- End #header -->
<!-- Start #sidebar -->
<div id="sidebar">
    <!-- Start .sidebar-inner -->
    <div class="sidebar-inner">
        <!-- Start #sideNav -->
        <ul id="sideNav" class="nav nav-pills nav-stacked">
            <li class="top-search">
                <form>
                    <input type="text" name="search" placeholder="Search ...">
                    <button type="submit"><i class="ec-search s20"></i>
                    </button>
                </form>
            </li>
            <li><a href="../index.html">我的空间 <i class="im-screen"></i></a>

            </li>

           <!-- <li><a href="../person/personShow.html">我的身份信息 <i class="ec-user"></i></a>
            </li>-->
            <!--<li><a href="../course/course.html">课程中心 <i class="ec-pencil"></i></a>
            </li>-->

            <li><a href="#">我的成绩 <i class="ec-pencil"></i></a>
                <ul class="nav sub">
                    <li><a href="../mark/orginalMark.html"><i class="im-pencil2"></i> 原始成绩</a>
                    </li>
                    <li><a href="../mark/FailGrade.html"><i class="im-warning"></i> 不及格成绩</a></li>
                    <li><a href="../mark/studentWarning.html"><i class="im-warning"></i> 学业警示查询</a></li>
                </ul>
            </li>


            <li><a href="#">党建模块<i class="ec-users"></i></a>
                <ul class="nav sub">
                    <li><a href="../party/applyParty.html"><i class="im-pencil2"></i> 申请入党</a>
                    </li>
                    <li><a href="../party/PartyInforShow.html"><i class="fa-hand-right"></i> 查询党组织</a>
                    </li>
                    <li><a href="../party/partyActivity.html"><i class="en-flag"></i>党支部活动</a>
                    </li>

                </ul>
            </li>

            <li><a href="#">我的社会实践 <i class="ec-star"></i></a>
                <ul class="nav sub">
                    <li><a href="../project/applyProject.html"><i class="im-pencil2"></i> 立项申请</a>
                    </li>
                    <li><a href="../project/myProject.html"><i class="im-pencil2"></i> 我的项目</a>
                    </li>
                </ul>
            </li>

        </ul>

    </div>
    <!-- End .sidebar-inner -->
</div>
<!-- End #sidebar -->
<!-- Start #right-sidebar -->
<div id="right-sidebar" class="hide-sidebar">
    <!-- Start .sidebar-inner -->
    <div class="sidebar-inner">
        <div class="sidebar-panel mt0">
            <div class="sidebar-panel-content fullwidth pt0">
                <div class="chat-user-list">
                    <form class="form-horizontal chat-search" role="form">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search for user...">
                            <button type="submit"><i class="ec-search s16"></i>
                            </button>
                        </div>
                        <!-- End .form-group  -->
                    </form>
                    <ul class="chat-ui bsAccordion">
                        <li>
                            <a href="#">Favorites <span class="notification teal">4</span><i class="en-arrow-down5"></i></a>
                            <ul class="in">
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/49.jpg"
                                             alt="@chadengle">Chad Engle
                                        <span class="has-message"><i class="im-pencil"></i></span>
                                    </a>
                                    <span class="status online"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/54.jpg"
                                             alt="@alagoon">Anthony Lagoon</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/52.jpg"
                                             alt="@koridhandy">Kory Handy</a>
                                    <span class="status"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/50.jpg" alt="@divya">Divia
                                        Manyan</a>
                                    <span class="status"><i class="en-dot"></i></span>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Online <span class="notification green">3</span><i
                                    class="en-arrow-down5"></i></a>
                            <ul class="in">
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/51.jpg" alt="@kolage">Eric
                                        Hofman</a>
                                    <span class="status online"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/55.jpg"
                                             alt="@mikebeecham">Mike Beecham</a>
                                    <span class="status online"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/53.jpg"
                                             alt="@derekebradley">Darek Bradly</a>
                                    <span class="status online"><i class="en-dot"></i></span>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Offline <span class="notification red">5</span><i
                                    class="en-arrow-down5"></i></a>
                            <ul>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/56.jpg"
                                             alt="@laurengray">Lauren Grey</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/49.jpg"
                                             alt="@chadengle">Chad Engle</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/58.jpg"
                                             alt="@frankiefreesbie">Frankie Freesibie</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/57.jpg"
                                             alt="@joannefournier">Joane Fornier</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                                <li>
                                    <a href="#" class="chat-name">
                                        <img class="chat-avatar" src="../../../assets/img/avatars/59.jpg"
                                             alt="@aiiaiiaii">Alia Alien</a>
                                    <span class="status offline"><i class="en-dot"></i></span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="chat-box">
                    <h5>Chad Engle</h5>
                    <a id="close-user-chat" href="#" class="btn btn-xs btn-primary"><i class="en-arrow-left4"></i></a>
                    <ul class="chat-ui chat-messages">
                        <li class="chat-user">
                            <p class="avatar">
                                <img src="../../../assets/img/avatars/49.jpg" alt="@chadengle">
                            </p>
                            <p class="chat-name">Chad Engle <span class="chat-time">15 seconds ago</span>
                            </p>
                            <span class="status online"><i class="en-dot"></i></span>
                            <p class="chat-txt">Hello Sugge check out the last order.</p>
                        </li>
                        <li class="chat-me">
                            <p class="avatar">
                                <img src="../../../assets/img/avatars/48.jpg" alt="SuggeElson">
                            </p>
                            <p class="chat-name">SuggeElson <span class="chat-time">10 seconds ago</span>
                            </p>
                            <span class="status online"><i class="en-dot"></i></span>
                            <p class="chat-txt">Ok i will check it out.</p>
                        </li>
                        <li class="chat-user">
                            <p class="avatar">
                                <img src="../../../assets/img/avatars/49.jpg" alt="@chadengle">
                            </p>
                            <p class="chat-name">Chad Engle <span class="chat-time">now</span>
                            </p>
                            <span class="status online"><i class="en-dot"></i></span>
                            <p class="chat-txt">Thank you, have a nice day</p>
                        </li>
                    </ul>
                    <div class="chat-write">
                        <form action="#" class="form-horizontal" role="form">
                            <div class="form-group">
                                <textarea name="sendmsg" id="sendMsg" class="form-control elastic" rows="1"></textarea>
                                <a role="button" class="btn" id="attach_photo_btn">
                                    <i class="fa-picture s20"></i>
                                </a>
                                <input type="file" name="attach_photo" id="attach_photo">
                            </div>
                            <!-- End .form-group  -->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End .sidebar-inner -->
</div>
<!-- End #right-sidebar -->
<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <div class="row">
            <!-- Start .row -->
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="im-paragraph-justify"></i>学生申请入党</h1>
                <!-- Start .bredcrumb -->
<!--<ul id="crumb" class="breadcrumb">-->                 <!--</ul>
                <!-- End .breadcrumb -->
                <!-- Start .option-buttons -->

                <!-- End .option-buttons -->
            </div>
            <!-- End .page-header -->
        </div>
        <!-- End .row -->
        <div class="outlet">
            <!-- Start .outlet -->
            <!-- Page start here ( usual with .row ) -->
            <div class="row">
                <!-- Start .row -->
                <div class="col-lg-12">
                    <!-- Start col-lg-12 -->
                    <div class="panel panel-default toggle">
                        <!-- Start .panel -->
                        <div class="panel-heading">
                            <h3 class="panel-title">申请入党</h3>
                        </div>
                        <div class="panel-body">
                            <form class="form-horizontal group-border hover-stripped" role="form" method="post">
                                <div class="form-group">
                                    <label class="col-lg-2 col-md-2 col-sm-12 control-label">学号</label>
                                    <div class="col-lg-10 col-md-10">
                                        <input type="text" class="form-control" placeholder="请输入学号"
                                               name="stuNum" autofocus="autofocus" id="stuNum">
                                        <span id="isNull1"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-2 col-md-2 col-sm-12 control-label">姓名</label>
                                    <div class="col-lg-10 col-md-10">
                                        <input type="text" class="form-control" placeholder="请输入姓名" name="stuName"
                                               autofocus="autofocus" id="stuName">
                                        <span id="isNull2"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-2 col-md-2 col-sm-12 control-label">党组织</label>
                                    <div class="col-lg-10 col-md-10">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <select class="form-control" id="sel" name="sel">
                                                    <!-- <optgroup label="天津理工大学">-->
                                                    <option value="">-请选择-</option>
                                                    <!--<option value="1">华信软件学院直属党支部</option>-->
                                                    <!--<option value="2">计算机学院直属党支部</option>-->
                                                    <!--    </optgroup>-->
                                                </select>
                                                <span class="help-block">选择党支部</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End .form-group  -->
                                <div class="form-group">
                                    <div class="col-md-10">
                                        <button type="button" class="btn btn-primary" style="margin-left: 350px"
                                                id="apply-btn"><i class="en-checkmark"></i>提交
                                        </button>
                                        <button type="button" class="btn btn-primary" style="margin-left: 10px"
                                                id="re-btn"><i class="en-arrow"></i>重填
                                        </button>
                                    </div>
                                </div>
                                <!-- End .form-group  -->
                                <!--  <div class="form-group">
                                      <label class="col-lg-2 col-md-2 col-sm-12 control-label">Help texts</label>
                                      <div class="col-lg-10 col-md-10">
                                          <div class="row">
                                              <div class="col-lg-4 col-md-4">
                                                  <input type="text" class="form-control">
                                                  <span class="help-block">Left help block</span>
                                              </div>
                                              <div class="col-lg-4 col-md-4">
                                                  <input type="text" class="form-control">
                                                  <span class="help-block text-center">Center help block</span>
                                              </div>
                                              <div class="col-lg-4 col-md-4">
                                                  <input type="text" class="form-control">
                                                  <span class="help-block text-right">Right help block</span>
                                              </div>
                                          </div>
                                      </div>
                                  </div>-->
                                <!-- End .form-group  -->

                            </form>
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
                <!-- End col-lg-12 -->
            </div>
            <!-- End .row -->
            <!-- Page End here -->
        </div>
        <!-- End .outlet -->
        <!--  添加个人申请记录显示---------------; -->
        <div class="outlet" style="display: none" id="personPartyApply">
            <!-- Start .outlet -->
            <!-- Page start here ( usual with .row ) -->
            <div class="row">
                <div class="col-lg-12">
                    <!-- col-lg-12 start here -->
                    <div class="panel panel-default plain toggle panelClose panelRefresh">
                        <!-- Start .panel -->
                        <div class="panel-heading">
                            <h3 class="panel-title">申请入党记录</h3>
                        </div>
                        <div class="panel-body">
                            <table class="table display" id="dataTable1">
                                <thead>
                                <tr>
                                    <th>学生学号</th>
                                    <th>学生姓名</th>
                                    <th>申请日期</th>
                                    <th>党组织编号</th>
                                    <th>申请状态</th>
                                </tr>
                                </thead>

                                <tfoot>
                                <tr>
                                    <th>学生学号</th>
                                    <th>学生姓名</th>
                                    <th>申请日期</th>
                                    <th>党组织编号</th>
                                    <th>申请状态</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
            </div>
            <!-- End .row -->
        </div>
        <!-- End .outlet -->
    </div>
    <div class="form-group">
        <div class="col-md-10">
            <button type="button" class="btn btn-primary" style="margin-left: 350px"
                    id="search"><i class="en-checkmark"></i>查看申请
            </button>
        </div>
    </div>
    <!-- End .content-wrapper -->
    <div class="clearfix"></div>
</div>
<!-- End #content -->
<!-- Javascripts -->
<!-- Load pace first -->
<script src="../../../assets/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="../../../assets/js/jquery-1.8.3.min.js"></script>
<script>
    window.jQuery || document.write('<script src="../../../assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
    window.jQuery || document.write('<script src="../../../assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="../../../assets/js/libs/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="../../../assets/js/libs/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap plugins -->
<script src="../../../assets/js/bootstrap/bootstrap.js"></script>
<!-- Core plugins ( not remove ever) -->
<!-- Handle responsive view functions -->
<script src="../../../assets/js/jRespond.min.js"></script>
<!-- Custom scroll for sidebars,tables and etc. -->
<script src="../../../assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../../assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Resize text area in most pages -->
<script src="../../../assets/plugins/forms/autosize/jquery.autosize.js"></script>
<!-- Proivde quick search for many widgets -->
<script src="../../../assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
<!--<script src="../../../assets/plugins/tables/datatables/jquery.datatables.js"></script>-->
<script src="../../../assets/plugins/tables/datatables/jquery.dataTables.min.js"></script>
<script src="../../../assets/plugins/tables/datatables/jquery.dataTablesBS3.js"></script>
<!-- Bootbox confirm dialog for reset postion on panels -->
<script src="../../../assets/plugins/ui/bootbox/bootbox.js"></script>
<!-- Other plugins ( load only nessesary plugins for every page) -->
<script src="../../../assets/plugins/core/moment/moment.min.js"></script>
<script src="../../../assets/plugins/charts/sparklines/jquery.sparkline.js"></script>
<script src="../../../assets/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
<script src="../../../assets/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="../../../assets/plugins/forms/tags/jquery.tagsinput.min.js"></script>
<script src="../../../assets/plugins/forms/tinymce/tinymce.min.js"></script>
<script src="../../../assets/plugins/forms/switch/jquery.onoff.min.js"></script>
<script src="../../../assets/plugins/forms/maxlength/bootstrap-maxlength.js"></script>
<script src="../../../assets/plugins/forms/bootstrap-filestyle/bootstrap-filestyle.js"></script>
<script src="../../../assets/plugins/forms/color-picker/spectrum.js"></script>
<script src="../../../assets/plugins/forms/daterangepicker/daterangepicker.js"></script>
<script src="../../../assets/plugins/forms/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="../../../assets/plugins/forms/globalize/globalize.js"></script>
<script src="../../../assets/plugins/forms/maskedinput/jquery.maskedinput.js"></script>
<script src="../../../assets/plugins/forms/select2/select2.js"></script>
<script src="../../../assets/plugins/forms/dual-list-box/jquery.bootstrap-duallistbox.js"></script>
<script src="../../../assets/plugins/forms/password/jquery-passy.js"></script>
<script src="../../../assets/plugins/forms/checkall/jquery.CheckAll.js"></script>
<script src="../../../assets/plugins/misc/highlight/highlight.pack.js"></script>
<script src="../../../assets/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="../../../assets/js/jquery.sprFlat.js"></script>
<script src="../../../assets/js/app.js"></script>
<script src="../../../assets/js/pages/forms.js"></script>
<script src="../../../myjs/student/party/party.js"></script>
<script src="../../../assets/js/layer.js"></script>
</body>
</html>